@charset "utf-8";
/*用户设置*/
.userSet{
	background-color: #fff;
}
.userHeader{
	height: .76rem;
    padding-top: .28rem;
    position: relative;
}
.usertitle{
	padding-left: .28rem;
	font-size: .32rem;
	line-height: .44rem;
	color: #4F4F4F;
}
.cancelBtn{
	position: absolute;
    right: .28rem;
    top: .28rem;
    min-height: .48rem;
    min-width: inherit;
    padding: 0;
    border: none;
    background: transparent;
    color: #A5A5A5;
}
.button.icon.cancelBtn:before{
	line-height: 1;
}
.userSet .userContent{
	top:.76rem;
}
.userSet .personnelBox{
	width: 100%;
}
.userSet .personnelBox .current{
	width: 87.2%;
	padding-top: .32rem;
	margin: auto;
	overflow: hidden;
	border-bottom: 1px solid #D8D8D8;
	color: #686868;
	height: 2.12rem;
}
.userSet .personnelBox .current div{
	float: left;
	box-sizing: border-box;
	text-align: center;
	height: 1.8rem;
	position: relative;
}
.userSet .personnelBox .current span{
	font-size: .24rem;
	display: block;
}
.userSet .personnelBox .remove,
.userSet .personnelBox .change{
	width:40.8256880733945%;
	padding: 0 11.23853211009174%;
}
.userSet .personnelBox .remove .removeBox,
.userSet .personnelBox .change .changeBox{
	width: 44.9438202247191%;
    position: absolute;
    bottom: .22rem;
    height: auto;
}
.userSet .personnelBox .currentPerson .currentPersonBox{
	position: absolute;
    bottom: .22rem;
    height: auto;
}
.userSet .personnelBox .remove .icon,.personnelBox .change .icon{
	width: 56.66666666666667%;
	height: 56.66666666666667%;
	font-size: .64rem;
}
.userSet .personnelBox .remove span,
.userSet .personnelBox .change span{
	padding: .18rem 0 .04rem;
}
.userSet .personnelBox .currentPerson{
	width: 18.34862385321101%;
}
.userSet .personnelBox .currentPerson span{
	padding: .14rem 0 0.04rem;
}
.userSet .otherPersonnel {
    height: 1.9rem;
    padding: 0 6.4%;
    border-bottom: 1px solid #D8D8D8;
}
.userSet .overflowBar {
    width: 100%;
    margin: auto;
    overflow-x:scroll;
    overflow-y:hidden;
    box-sizing: border-box;
    white-space: nowrap;
}
.userSet .overflowBar>div{
	width: 13.45565749235474%;
    text-align: center;
    font-size: .24rem;
    height: 1.9rem;
    margin-right: 6.7%;
    display: inline-block;
    position: relative;
    color: #5A5A5A;
}
.userSet .bg{
	position: relative;
}
.userSet .bg .trangle{
	position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -4px;
    width: 8px;
    height: 5px;
}
.userSet .bg .trangle .trangle-grey{
	display:block; 
    width:0; 
    height:0; 
    border-width:0 4px 5px 4px; 
    border-style:solid; 
    border-color:transparent transparent #D8D8D8 transparent; 
    position:absolute; 
    bottom: 0;
    left:0;
}
.userSet .bg .trangle .trangle-white{
	display:block; 
    width:0; 
    height:0; 
    border-width:0 4px 5px 4px; 
    border-style:solid; 
    border-color:transparent transparent #fff transparent; 
    position:absolute; 
    bottom: -2px;
    left:0;
}
.userSet .overflowBar>div img{
	margin-top: .36rem;
}
.userSet .overflowBar>div:last-child{
	margin-right: 0;
}
.userSet .overflowBar>div span{
	display: block;
	margin-top: .14rem;
}
.userSet .personnelInfor{
	margin: .42rem 0 0 .48rem;
}
.userSet .personnelInfor .item{
	font-size: .28rem;
    color: #5A5A5A;
    height: .64rem;
    line-height: .64rem;
    margin-bottom: .48rem;
    overflow: hidden;
}
.userSet .personnelInfor .item img{
	width: .6rem;
	margin-right: .24rem;
	float: left;
}
.userSet .personnelInfor .item .icon{
	margin-top: 0.02rem;
	float: left;
	margin-right: 0.16rem;
	font-size: .6rem;
}
.userSet .personnelInfor .item span{
	float: left;
}
.userSet .personnelInfor .item:nth-child(1) .icon{
    color: #F3A863;	
}
.userSet .personnelInfor .item:nth-child(2) .icon{
	color: #489EEA;
}
.userSet .personnelInfor .item:nth-child(3) .icon{
	color: #2FC48C;
}
.userSet .personnelInfor .item:nth-child(4) .icon{
	color: #F490CF;
}
.userSet .personnelInfor .item:nth-child(5) .icon{
	color: #AC7DFC;
}
.userSet .personnelInfor>div{
	display: none;
}
.userSet .personnelInfor>div:first-child{
	display: block;
}
/*用户登录*/
.userFrom{
	background-color: #fff;
}
.userFrom .headTitle{
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	font-size: .32rem;
	position: relative;
	color: #4F4F4F;
	box-shadow: 0 0 0.04rem 0 rgba(0,0,0,0.10);
	border-bottom: none;
}
.userFrom .headTitle .button{
	position: absolute;
	top: 0;
	height: .88rem;
	line-height: .88rem;
    font-size: .28rem;
    padding: 0 .24rem;
    background: transparent;
    border: none;
    min-height: .88rem;
}
.userFrom .close{
    left: 0;
}
.userFrom .register{
	right: 0;
}
.userFrom .backIcon {
    left: 0;
    font-size: 1.6rem;
}
.userFrom .userContent,.phoneLoginContent,.resetPsdContent,.signInnameContent,.inputMessageContent{
	padding-top: .22rem;
	margin-top: .92rem;
}
.userFrom .scrollH .scroll{
	height: auto !important;
	min-height: 100%;
}
.userFrom .logo{
	width: 100%;
	height: 2.24rem;
	text-align: center;
	position: relative;
}
.userFrom .logo img{
	width: 1.28rem;
    position: absolute;
    left: 50%;
    margin-left: -.64rem;
    top: 50%;
    margin-top: -.64rem;
}
.userFrom .inputMess{
	width: 100%;
	padding: 0 .48rem;
}
.userFrom .userContent .inputMess{
	padding-bottom: 3rem;
}
.userFrom .inputMess>div{
	position: relative;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	box-sizing: content-box;
	border-bottom: 1px solid #EEEEEE;
}
.userFrom .inputMess>div input{
	width: 5.6rem;
	height: 1rem;
	/*line-height: .3em;*/
	font-size: .32rem;
	padding: 0;
	color: #909090;
}
.userFrom .inputMess .icon{
	position: absolute;
    top: 0;
    right: 0;
    width: .94rem;
    text-align: right;
    padding-right: .2rem;
    color: #D8D8D8;
    font-size: .4rem;
}
.userFrom .inputMess .undo{
	display: none;
}
.userFrom .inputMess .code input{
	width: 5.2rem;
}
.userFrom .inputMess .code .codeCon{
	position: absolute;
	right: 0;
	top: 0.16rem;
	width: 1.2rem;
	height: .64rem;
	border-radius: 0.08rem;
	box-sizing: content-box;
	border: 1px solid #84AFE2;
}
.userFrom .inputMess .loginBtn,.userFrom .inputMess .resetBtn,.findbackPsdContent .psdBtn,.psdCodeContent .psdBtn,.signInPhoneContent .psdBtn,.signInCodeContent .psdBtn,.signinBtn,.finishBtn{
	width: 100%;
	display: block;
	margin-top: .72rem;
	border-radius: 0.08rem;
	font-size: .32rem;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	box-shadow: 0 0.02rem 0.04rem 0 rgba(0,0,0,0.10);
	color: #ffffff;
	background-color: #489EEA;
}
.userFrom .inputMess span{
	width: 100%;
	display: block;
	text-align: right;
	font-size: .24rem;
	line-height: .34rem;
	margin-top: .28rem;
}
.userFrom .inputMess span a{
	color: #9B9B9B;
}
.userLogin .quickLogin{
	position: absolute;
	bottom: 0;
	padding: 0 .48rem;
	width: 100%;
}
.userLogin .quickLogin .title{
	display: block;
	width: 100%;
	height: 0.02rem;
    position: relative;
    background-color: #EEEEEE;
}
.userLogin .quickLogin .title i{
	width: 1.6rem;
	line-height: .4rem;
    height: .4rem;
    text-align: center;
	font-size: .28rem;
    position: absolute;
    left: 50%;
    margin-left: -.8rem;
    top: -.2rem;
    background-color: #ffffff;
    color: #D8D8D8;
}
.userLogin .quickLogin .list{
	width: 100%;
	overflow: hidden;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.userLogin .quickLogin .list .item{
	float: left;
	width: 25%;
	text-align: center;
	font-size: .24rem;
    color: #A2A2A2;
}
.userLogin .quickLogin .list .item img{
	display: inline;
	width: 42%;
}
.userLogin .quickLogin .list .item .icon{
	font-size: .68rem;
}
.userLogin .quickLogin .list .item span{
	display: block;
	margin-top: .24rem;
}
/*手机登录*/
.phoneLoginContent .inputMess input{
	margin-left: .8rem;
}
.phoneLoginContent .inputMess .phoneNum input[type="text"]{
	width: 3.9rem;
}
.phoneLoginContent .inputMess .phoneNum input[type="button"]{
	width: 1.6rem;
	border-radius: 1rem;
	font-size: .24rem;
	border: none;
	outline: none;
	position: absolute;
    top: 0;
    right: .24rem;
    text-align: center;
    height: .56rem;
    line-height: .56rem;
    margin: .22rem 0 0 0;
	color: #ffffff;
	background-color: #489EEA;
}
.phoneLoginContent .inputMess i.icon{
	position: absolute;
	left: 0;
	padding-right: 0;
	width: .8rem;
	height: 1rem;
	line-height: 1.05rem;
	text-align: center;
	color: #489EEA;
}
/*找回密码 注册*/
.findbackPsdContent,.signInPhoneContent{
	padding-top: .46rem;
	margin-top: .92rem;
}
.findbackPsdContent .inputMess,.signInPhoneContent .inputMess{
	padding-bottom: 1rem;
}
.findbackPsdContent h3,.signInPhoneContent h3,.resetPsdContent h3{
	font-size: .48rem;
	width: 100%;
	height: 2.64rem;
	line-height: 2.64rem;
	text-align: center;
	font-family: "黑体";
	color: #4F4F4F;
}
.findbackPsdContent .phonenum,.signInPhoneContent .phonenum{
	overflow: hidden;
}
.findbackPsdContent .phonenum span,.signInPhoneContent .phonenum span{
	margin: 0;
	float: left;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: left;
	font-size: .32rem;
}
.findbackPsdContent .phonenum input,.signInPhoneContent .phonenum input{
	width: 4.6rem!important;
	float: left;
}
.findbackPsdContent .psdBtn,.signInPhoneContent .psdContent{
	margin-top: 1.34rem;
}
.findbackPsdContent .tip,.signInPhoneContent .tip{
	text-align: center!important;
	color: #9B9B9B;
}
.findbackPsdContent .tip a,.signInPhoneContent .tip a{
	color: #489EEA!important;
}
.findbackPsdContent .bottom,.signInPhoneContent .bottom,.inputMessageContent .bottom{
	width: 100%;
	position:absolute;
	bottom: .36rem;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #b3b3b3;
}
.findbackPsdContent .bottom i,.signInPhoneContent .bottom i{
	font-size: .28rem;
}
.findbackPsdContent .bottom a,.signInPhoneContent .bottom a{
	color: #489EEA;
}
/*手机验证码*/
.psdCodeContent,.signInCodeContent{
	margin-top: .92rem;
}
.psdCodeContent h3,.signInCodeContent h3{
	width: 100%;
	text-align: center;
	font-size: .48rem;
	line-height: .66rem;
	padding-top: .88rem;
	font-family: "黑体";
	color: #4F4F4F;
}
.psdCodeContent p,.signInCodeContent p{
	width: 100%;
	text-align: center;
	font-size: .28rem;
	line-height: .4rem;
	color: #909090;
	margin-bottom: .92rem;
}
.psdCodeContent .inputMess>div input,.signInCodeContent .inputMess>div input{
	width: 100%;
}
.psdCodeContent .psdBtn,.signInCodeContent .psdBtn{
	margin-top: 1.36rem;
	/*color: #7fbbf0;*/
	border: none;
}
.psdCodeContent span,.signInCodeContent span{
	text-align: center!important;
	color: #909090;
}
.psdCodeContent input[type='button'],.signInCodeContent input[type="button"]{
	display: inline;
	background: transparent;
	border: none;
	outline: none;
	font-size: .24rem;
	color: #489EEA;
}
/*普通用户注册*/
.signInnameContent .logo,.inputMessageContent .logo{
	height: 2.44rem;
}
.signInnameContent .logo img,.inputMessageContent .logo img{
	top: .48rem;
	margin-top: inherit;
}
.signInnameContent .logo span,.inputMessageContent .logo span{
	font-size: .28rem;
	position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.91rem;
    line-height: .42rem;
	color: #909090;
}
/*输入用户信息*/
.inputMessageContent .list{
	padding-left: .48rem;
}
.inputMessageContent .list:first-child{
	margin-bottom: .74rem;
}
.inputMessageContent .list .item{
	position: relative;
	height: 1rem;
	line-height: 1rem;
	box-sizing: content-box;
	border-bottom: 1px solid #EEEEEE;
}
.inputMessageContent .list .item input{
	width: 6.14rem;
	height: 1rem;
	line-height: .3em;
	font-size: .32rem;
	padding: 0;
	color: #909090;
}
.inputMessageContent .list .item .icon{
	position: absolute;
    top: 0;
    right: 0;
    width: .92rem;
    text-align: right;
    padding-right: .24rem;
    color: #D8D8D8;
    font-size: .4rem;
}
.inputMessageContent .list .item .undo{
	display: none;
}
.inputMessageContent .bottom{
	padding: 0 .48rem;
}
.inputMessageContent .information{
	padding-bottom: 2rem;
}
.inputMessageContent .bottom a{
	color: #387ef5;
}
.inputMessageContent .bottom .finishBtn{
	margin-bottom: .2rem;
	margin-top: 0;
	color: #ffffff;
}